<ion-header>
    <ion-navbar color="dark">
        <ion-title>
         金币充值
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
   <div class="chongDate_dian">
        <h4>充值牛牛币（1元=1牛牛币），充值款项无法退回</h4>
    </div>
  <form action="">
    <ul class="chong_money">
        <li>
            <span>5牛牛币</span>
            <button class="chong-qian" value="5" >￥5</button>
        </li>
         <li>
            <span>10牛牛币</span>
            <button class="chong-qian" value="10">￥10</button>
        </li>
         <li>
            <span>50牛牛币</span>
            <button class="chong-qian" value="50">￥50</button>
        </li>
         <li>
            <span>100牛牛币</span>
            <button class="chong-qian" value="100">￥100</button>
        </li>
        <div class="xieyi">
             <input type="checkbox" name="xieyi"><span>同意协定</span>
        </div>
        <li class="zhifu">
            <img src="assets/img/zhifubao.png" alt="">
            <div class="zhifu-cont" (click)="AliTopay()">
                <h4 >支付宝支付</h4>
                <span>推荐有支付宝账号用户使用</span>
            </div>
         
        </li>
        <li class="zhifu">
            <img src="assets/img/weixin.png" alt="">
            <div class="zhifu-cont" (click)="wxReqPay()">
                <h4>微信支付</h4>
                <span>支持使用微信红包零钱</span>
            </div>
           
        </li>
     
      
    </ul>
</form>  

</ion-content>